<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
		<title></title>
	</head>
	<body class="container">
		<h1 class="mb-4">字母大小写转换</h1>
		<div class="text-uppercase">转换成大写：gooD morNing!</div>
		<div class="text-lowercase">转换成小写：gooD morNing!</div>
		<div class=" text-capitalize">
			<span>转换成每个单词的首字母大写：</span>
		</div>

		<script>
			let lastDiv = document.querySelector('.text-capitalize')
			let str = 'gooD morNing!'
			console.log(lastDiv);
			lastDiv.innerText = str.toLocaleLowerCase()
		</script>
	</body>
</html>
